@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
}
.v-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#root {
  position: relative;
}

.text-color-primary {
  color: #1790ff;
}
.vh-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
svg {
  vertical-align: unset;
}
button:focus {
  outline: none;
}
/*表单设计器显示样式-start*/
/*默认样式-不配置样式，读这里*/
.title-text {
  /*表单标题*/
  font-size: 16px;
  color: #222;
  text-align: center;
}
.col-title,
.ctl-title {
  /* ie11 td position relative fix */
  font-size: 13px;
  color: #666;
  word-break: break-all;
}
/* .ctl-title {
  position: relative;
} */
/*字段label*/
.col-cell,
.ctl-content {
  /*字段value*/
  font-size: 13px;
  color: #222;
  word-break: break-all;
  line-height: initial;
}
/*字体*/
.runtime-form .config-SimSun {
  font-family: "SimSun";
}
.runtime-form .config-MicrosoftYahei {
  font-family: "Microsoft YaHei";
}
.runtime-form .config-SimHei {
  font-family: "SimHei";
}
/*字号*/
.runtime-form .config-12px {
  font-size: 12px !important;
}
.runtime-form .config-13px {
  font-size: 13px !important;
}
.runtime-form .config-14px {
  font-size: 14px !important;
}
.runtime-form .config-16px {
  font-size: 16px !important;
}
.runtime-form .config-18px {
  font-size: 18px !important;
}
.runtime-form .config-20px {
  font-size: 20px !important;
}
.runtime-form .config-24px {
  font-size: 24px !important;
}
/*背景颜色*/
.runtime-form .config-bg-transparent {
  background-color: transparent;
}
.runtime-form .config-bg-666666 {
  background-color: #666666;
}
.runtime-form .config-bg-222222 {
  background-color: #222222;
}
.runtime-form .config-bg-F5242D {
  background-color: #f5242d;
}
.runtime-form .config-bg-F9AD13 {
  background-color: #f9ad13;
}
.runtime-form .config-bg-52C418 {
  background-color: #52c418;
}
.runtime-form .config-bg-1790FF {
  background-color: #1790ff;
}
.runtime-form .config-bg-D4EDFC {
  background-color: #D4EDFC;
}
.runtime-form .config-bg-FFFFFF {
  background-color: #ffffff;
}
.runtime-form .config-bg-F3F2F2 {
  background-color: #f3f2f2;
}
.runtime-form .config-bg-E9E9E9 {
  background-color: #e9e9e9;
}
.runtime-form .config-bg-FFE8E5 {
  background-color: #ffe8e5;
}
.runtime-form .config-bg-FFEED0 {
  background-color: #ffeed0;
}
.runtime-form .config-bg-E4F7D1 {
  background-color: #e4f7d1;
}
.runtime-form .config-bg-E9F6FD {
  background-color: #e9f6fd;
}

.runtime-form .config-bg-F5F5F5 {
  background-color: #f5f5f5;
}
/*字体颜色*/
.runtime-form .config-transparent {
  color: transparent;
}
.runtime-form .config-666666 {
  color: #666666;
}
.runtime-form .config-222222 {
  color: #222222;
}
.runtime-form .config-F5242D {
  color: #f5242d;
}
.runtime-form .config-F9AD13 {
  color: #f9ad13;
}
.runtime-form .config-52C418 {
  color: #52c418;
}
.runtime-form .config-1790FF {
  color: #1790ff;
}
.runtime-form .config-FFFFFF {
  color: #ffffff;
}
.runtime-form .config-F3F2F2 {
  color: #f3f2f2;
}
.runtime-form .config-E9E9E9 {
  color: #e9e9e9;
}
.runtime-form .config-FFE8E5 {
  color: #ffe8e5;
}
.runtime-form .config-FFEED0 {
  color: #ffeed0;
}
.runtime-form .config-E4F7D1 {
  color: #e4f7d1;
}
.runtime-form .config-E9F6FD {
  color: #e9f6fd;
}
/*加粗*/
.runtime-form .config-normal {
  font-weight: normal;
}
.runtime-form .config-bolder {
  font-weight: bolder;
}
/*对齐*/
.runtime-form .config-left {
  text-align: left;
  justify-content: start;
}
.runtime-form .config-right {
  text-align: right;
  justify-content: end !important;
}
.runtime-form .config-center {
  text-align: center;
  justify-content: center;
}
/*表单设计器显示样式-end*/
/* 
.theme-red .bg-primary {
  background: red;
} */
body {
  /* min-width: 1250px; */
  min-width: 1350px;
  background-color: #f2f2f2 !important;
  overflow-x: auto;
  overflow-y: hidden;
  font-family: "Microsoft YaHei", "SimSun" !important;
  line-height: 1.42857143;
}
.hide {
  display: none;
}
input::-webkit-input-placeholder {
  color: #999999;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

/* 表单错误开始 */
.ant-form-item-has-error .ant-radio-inner,
.ant-form-item-has-error .ant-radio:hover .ant-radio-inner,
.has-error .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error.ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-input.ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error.ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgb(245 34 45 / 20%);
  box-shadow: 0 0 0 2px rgb(245 34 45 / 20%);
}
.has-error.ant-input-number:not(.ant-input-disabled),
.has-error.ant-input-number-focused,
.has-error.ant-picker:hover,
.has-error.ant-picker,
.has-error.ant-select:not(.ant-select-customize-input) > .ant-select-selector,
.has-error.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) > .ant-select-selector,
.has-error.ant-select:not(.ant-select-disabled):hover > .ant-select-selector {
  border-color: #f5222d;
}
.has-error.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) > .ant-select-selector,
.has-error.ant-picker-focused {
  box-shadow: 0 0 0 2px rgba(255, 24, 24, 0.2);
}
.has-error.ant-input-number-focused,
.has-error.ant-input:focus {
  -webkit-box-shadow: 0 0 0 2px rgb(245 34 45 / 20%);
  box-shadow: 0 0 0 2px rgb(245 34 45 / 20%);
}
.has-error.ant-checkbox-group .ant-checkbox-inner,
.has-error.ant-radio-group .ant-radio-inner {
  border-color: #f5222d;
}
.has-error.ant-checkbox-group > .ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner,
.has-error.ant-radio-group > .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #f5222d;
}

.has-error.html-editor .edui-editor {
  border-color: #f5222d;
}
/* 表单错误结束 */
.has-error.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input-affix-wrapper.has-error {
  border-color: #f5222d;
}
.has-error.ant-input-affix-wrapper:focus,
.has-error.ant-input-affix-wrapper-focused {
  box-shadow: 0 0 0 2px rgba(240, 5, 5, 0.2);
}

.main-content {
  /* position: relative; */
  height: calc(100vh - 50px);
  overflow-y: overlay !important;
  /* position: absolute; */
  /* top: 50px;
  bottom: 0;
  left: 0;
  right: 0; */
}
.main-content h1 {
  font-size: xx-large;
  margin-bottom: unset;
}
.main-content h2 {
  font-size: x-large;
  margin-bottom: unset;
}
.main-content h3 {
  font-size: large;
  margin-bottom: unset;
}
.main-content h4 {
  font-size: medium;
  margin-bottom: unset;
}
.main-content h5 {
  font-size: small;
  margin-bottom: unset;
}
.main-content h6 {
  font-size: x-small;
  margin-bottom: unset;
}

body:after,
.main-content:after {
  content: "";
  position: fixed;
  display: block;
}

img {
  display: inline-block;
}

hr {
  border: 0;
  border-top: 1px solid #eee;
}

/* ie antd hack */
@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-dropdown,
  .ant-select-dropdown,
  .ant-picker-dropdown {
    animation-duration: 0s !important;
  }

  @keyframes slAntSlideUpIn {
    0% {
      transform: scaleY(0.8);
      transform-origin: 0% 0%;
      opacity: 0;
    }
    110% {
      transform: scaleY(1);
      transform-origin: 0% 0%;
      opacity: 1;
    }
  }
  .slide-up-enter.slide-up-enter-active,
  .slide-up-appear.slide-up-appear-active {
    animation-name: slAntSlideUpIn !important;
    animation-play-state: running;
  }
  
  @keyframes slAntSlideDownIn {
    0% {
      transform: scaleY(0.8);
      transform-origin: 100% 100%;
      opacity: 0;
    }
    110% {
      transform: scaleY(1);
      transform-origin: 100% 100%;
      opacity: 1;
    }
  }
  
  .slide-down-enter.slide-down-enter-active,
  .slide-down-appear.slide-down-appear-active {
    animation-name: slAntSlideDownIn !important;
    animation-play-state: running;
  }
  
  .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
  .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: slAntSlideUpIn !important;
  }
  
}

.main-content.full-screen-mode {
  overflow: hidden;
}
.group.full-screen-mode {
  border: 0px;
  background-color: rgb(255, 255, 255);
  position: fixed;
  left: 0px;
  top: 50px;
  width: 100%;
  height: calc(100vh - 50px);
  z-index: 1000099;
  margin-top: 0px;
  /* overflow-y: auto; */
  overflow: hidden;
  overflow-x: hidden;
}

.w-100-important {
  width: 100% !important;
}
.runtime-data-list-wrapper.full-screen-mode,
.runtime-data-list.full-screen-mode {
  @apply mx-3;
}

.runtime-data-list-wrapper.full-screen-mode {
  height: calc(100% - 86px);
}

/* IE11 兼容 */
.full-screen-mode > .runtime-form {
  position: static;
}
.runtime-data-list-wrapper.full-screen-mode .runtime-data-list {
  max-height: 100%;
}
.runtime-data-list-wrapper.full-screen-mode .fixed-table {
  /* display: none; */
}
.runtime-data-list-wrapper.full-screen-mode .fixed-table-wrapper,
.runtime-data-list-wrapper.full-screen-mode .operation-table-wrapper {
  max-height: calc(100vh - 144px) !important;
}

/* antd reset */
.ant-modal-root .ant-modal-header {
  border-bottom: none;
}
.ant-modal-root .ant-modal-footer {
  border-top: none;
  padding-left: 24px;
  padding-right: 24px;
}
.ant-table-thead > tr:not(.ant-table-measure-row) > th,
.ant-table-tbody > tr:not(.ant-table-measure-row) > td {
  padding: 10px 11px !important;
}

.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
  right: -2px !important;
}

.ant-table-thead > tr > .ant-table-cell,
.ant-table-column-title {
  font-size: 13px;
}
.ant-modal-content .ant-modal-body {
  padding: 0px 24px;
}
.ant-table-container,
.ant-table-content {
  border: 1px solid #e9ebee;
}
.ant-table-thead th {
  border-right: 1px solid #e9ebee;
}
.ant-table-thead th:last-child {
  border-right: none;
}

.ant-table-content .ant-table-placeholder {
  border-bottom: none;
}

.ant-modal-footer .ant-btn {
  min-width: 100px;
}

.ant-table-body {
  overflow-y: auto !important;
  overflow-y: overlay !important;
}

.ant-tooltip-content .ant-tooltip-inner {
  /* background: #fff; */
  color: #333;
  font-size: 13px;
}

.ant-select-dropdown.ant-select-dropdown-empty {
  padding: 0;
}

.mask_div {
  user-select: none;
  z-index: 0\9\0 !important;
  position: absolute;
  transform: rotate(-15deg);
  z-index: 100;
  pointer-events: none;
  font-size: 15px;
  font-family: "微软雅黑";
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: block;
  opacity: 0.36;
}

.info-modal .ant-btn {
  min-width: 100px;
}

.info-modal .ant-modal-confirm-body {
  height: 188px;
}

.info-modal .ant-modal-confirm-body .ant-modal-confirm-content {
  @apply text-base;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  overflow-y: auto;
}

.info-modal.ant-modal-confirm .ant-modal-body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ant-modal-body .ant-form-item,
.ant-modal-body .ant-input {
  color: #333;
} /*重置ant表单字段颜色*/
/* .ant-modal-body .ant-form-item{margin-bottom: 15px;} */
/* 修复antd checkbox样式bug */
.ant-checkbox-group .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0;
}
.ant-checkbox-group .ant-checkbox-wrapper:not(:last-child) {
  margin-right: 8px;
}
/* 交互弹出框 */
.ant-picker-dropdown,
.ant-popover,
.ant-popconfirm,
.ant-select-dropdown,
.ant-message {
  z-index: 6666666 !important;
}
/* 遮罩 */
.ant-modal-wrap,
.ant-modal-mask {
  z-index: 6666665 !important;
}
.ant-tooltip{
  z-index: 6666666 !important;
}
#footer {
  z-index: 999999;
}
.mysoft-message-content {
  max-width: 100%;
  max-height: 90%;
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  position: absolute;
  right: -2px;
}

.ant-input-number-input-wrap > .ant-input-number-input {
  padding-right: 20px;
}

.group .ant-input-number,
.group .ant-input-number-group,
.group .ant-input-number-group-addon,
.group .ant-checkbox-group,
.group .ant-checkbox-wrapper,
.group .ant-picker,
.group .ant-picker-input > input,
.group .ant-select,
.group .ant-radio-group,
.group .ant-radio-wrapper,
.group .mysoft-tag-connect {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
.group input,
.group .ant-input-number-group-wrapper,
.group textarea {
  text-align: inherit;
}
.group .person-select,
.group .ant-select-selector,
.group .ant-select-selection-overflow {
  justify-content: inherit;
}

.group .ant-checkbox-group .ant-checkbox-wrapper {
  margin-right: 8px;
}

/*选人组件公共样式-start*/
.person-select .ant-select-arrow {
  right: 0;
  margin-top: -1px;
}
.person-select .ant-select-selection--multiple {
  cursor: pointer;
}
.person-select .ant-select-search__field {
  position: absolute;
  left: -999px;
  top: -999px;
}
.person-select .ant-select-selection-placeholder{
  margin-right: 20px;
}

.person-select .ant-select-search__field {
}

.add_icon {
  display: inline-block;
  width: 30px;
  height: 31px;
  position: absolute;
  border-left: 1px solid #dddddd;
  right: 0px;
  top: 50%;
  margin-top: -20px;
}
.add_icon::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 1px;
  background-color: #bbb;
  top: 15px;
  left: 8px;
}

.add_icon::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: #bbb;
  top: 9px;
  left: 14px;
}
.person-select:hover .add_icon::after,
.person-select:hover .add_icon::before {
  background-color: #888888;
}
.mainTable .ant-select.person-select .ant-select-selector .ant-select-selection-item,
.mainTable .ant-select.person-select .ant-select-selector .ant-select-selection-placeholder {
  width: auto;
}
.mainTable .ant-input-number-wrapper.ant-input-number-group > .ant-input-number-group-addon {
  padding-left: 1px;
  padding-right: 1px;
}

.mainTable .ant-input-number-input-wrap > .ant-input-number-input {
  padding-right: 2px;
}

.person-select-dropdown {
  display: none !important;
}
.person-select.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: pointer;
}

.person-select .ant-select-selection-overflow {
  max-height: 56px;
  overflow: auto;
  width: 0px;
}
/*发起表单抄送人最大高度只显示单行*/
#footer .person-select .ant-select-selection-overflow {
  max-height: 28px;
}

.person-select .ant-select-selection-overflow-item.ant-select-selection-overflow-item-suffix {
  display: none;
}
.part_time .user_name {
  margin-bottom: 5px;
}
.part_time .user_name:last-child {
  margin-bottom: 0;
}
.person-tip {
  margin-bottom: 5px;
}
.person-tip:last-child {
  margin-bottom: 0;
}
/*选人组件公共样式-end*/

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.ant-modal-confirm-confirm .ant-modal-confirm-btns > .ant-btn {
  min-width: 100px;
}

.screen-locker > div > .ant-spin.ant-spin-spinning {
  max-height: unset;
  height: 100vh;
}

/*需要隐藏在界面上的iframe*/
.hideIframe {
  position: absolute;
  left: -999px;
  top: -999px;
  height: 1px;
  width: 1px;
}

.ieHackWrapper > div {
  position: static !important;
}

/* 打印页样式 */

.preview-design {
  overflow: auto !important;
  width: 100%;
  height: 100%;
  background-color: #333742;
}
